<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>栏目管理</title>

    <script src="js/jquery-2.2.1.min.js"></script>
    <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <script src="js/bootstrap.min.js"></script>
    <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='css/fontsCss.css' rel='stylesheet' type='text/css' />

    <link href="css/column.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <!--树列表-->
    <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="js/jquery.ztree.core.js"></script>

    <script src="js/column/column.js"></script>
    <script src="js/main.js"></script>
    <script src="js/utlities.js"></script>
</head>
<body>
<div id="wrapper">

    <!-- /. NAV TOP  -->

    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <!--  信息面板  -->
        <div class="tab-content" id="operate-panels">
            <!--栏目列表-->
            <div class="tab-pane fade in active" id="columnPanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">栏目管理</h4>
                        </div>
                    </div>
                    <!-- /. ROW  -->
                    <div style="padding-left: 15px">
                        <a class="btn btn-primary" id="add_column" href="#AddcolumnPanel" data-toggle="tab">
                            <i class="fa fa-plus"></i>
                            &nbsp;新增
                        </a>
                        <a class="btn btn-info" id="edit_column">
                            <i class="fa fa-pencil-square-o"></i>
                            &nbsp;修改
                        </a>
                        <a class="hidden" href="#EditcolumnPanel" data-toggle="tab" id="toEdit"></a>
                        <a class="btn btn-danger" id="delete_column">
                            <i class="fa fa-trash-o"></i>
                            &nbsp;删除
                        </a>
                        <div class="content_wrap">
                            <div class="zTreeDemoBackground left">
                                <ul id="tree" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                    <!-- /. ROW  -->
                </div>
            </div>
            <!--新建栏目-->
            <div class="tab-pane fade" id="AddcolumnPanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">栏目管理——新增</h4>
                        </div>
                    </div>

                    <div class="panel panel-default" style="margin: 70px 15px 0 15px">
                        <div class="panel-heading">新增</div>
                        <div class="form-horizontal">
                            <div style="margin-left: 60px" id="add_type">
                                <input type="radio" name="type" id="add_type_1" checked>文章
                                <input type="radio" style="margin-left: 10px" name="type" id="add_type_2">图片
                                <input type="radio" style="margin-left: 10px" name="type" id="add_type_3">教师
                                <input type="radio" style="margin-left: 10px" name="type" id="add_type_4">学生
                                <input type="radio" style="margin-left: 10px" name="type" id="add_type_5">基本概况
                                <input type="radio" style="margin-left: 10px" name="type" id="add_type_6">教师风采

                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">栏目名称</div>
                                <div class="col-sm-9">
                                    <input type="text" placeholder="栏目名称" class="form-control" id="add_name">
                                </div>
                            </div>
                            <div class="form-group" onclick="selectBelong()">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">栏目所属</div>
                                <div class="col-sm-9">
                                    <span class="hidden" id="add_belong_ID"></span>
                                    <input type="text" class="form-control" style="cursor: pointer" readonly id="add_belong_Name">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">排序号</div>
                                <div class="col-sm-9">
                                    <input type="number" value="0" class="form-control" id="add_num">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">栏目图标</div>
                                <div class="col-sm-9">
                                    <img  src="images/9_02.png" style="background: #000" name="images/9_02.png" class="icon" id="add_icon" onclick="selectIcon()">
                                </div>
                            </div>
                            <div class="form-group" style="margin-left: 60px">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" value="确定" class="btn btn-primary" id="add_confirm">
                                &nbsp;&nbsp;<input type="button" value="返回" class="btn btn-warning">
                                <a class="hidden" href="#columnPanel" data-toggle="tab" id="toColumn"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--编辑栏目-->
            <div class="tab-pane fade" id="EditcolumnPanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">栏目管理——修改</h4>
                        </div>
                    </div>

                    <div class="panel panel-default" style="margin: 70px 15px 0 15px">
                        <div class="panel-heading">修改</div>
                        <div class="form-horizontal">
                            <span class="hidden" id="edit_id"></span>
                            <span class="hidden" id="edit_height"></span>
                            <div style="margin-left: 60px" id="edit_type">
                                <input type="radio" name="type" id="edit_type_1" checked>文章
                                <input type="radio" style="margin-left: 10px" name="type" id="edit_type_2">图片
                                <input type="radio" style="margin-left: 10px" name="type" id="edit_type_3">教师
                                <input type="radio" style="margin-left: 10px" name="type" id="edit_type_4">学生
                                <input type="radio" style="margin-left: 10px" name="type" id="edit_type_5">基本概况
                                <input type="radio" style="margin-left: 10px" name="type" id="edit_type_6">教师风采
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">栏目名称</div>
                                <div class="col-sm-9">
                                    <input type="text" placeholder="栏目名称" class="form-control" id="edit_name">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">栏目所属</div>
                                <div class="col-sm-9">
                                    <span class="hidden" id="edit_belong_ID"></span>
                                    <input type="text" class="form-control" style="cursor: pointer" readonly id="edit_belong_Name">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">排序号</div>
                                <div class="col-sm-9">
                                    <input type="number" value="0" class="form-control" id="edit_num">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-3 control-label" style="padding-top: 4px">栏目图标</div>
                                <div class="col-sm-9">
                                    <img src="images/9_02.png" style="background: #000" name="images/9_02.png" class="icon" id="edit_icon" onclick="selectIcon()">
                                </div>
                            </div>
                            <div class="form-group" style="margin-left: 60px">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" value="确定" class="btn btn-primary" id="edit_confirm">
                                &nbsp;&nbsp;<input type="button" value="返回" class="btn btn-warning">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /. PAGE WRAPPER  -->
    <!--提示弹窗-->
    <div class="modal fade" id="infomodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;" id="info"></div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="modal_confirm">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--是否删除-->
    <div class="modal fade" id="deletemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <span class="hidden" id="del_id"></span>
                    <div style="font-family: 微软雅黑;" id="del_info">确定要删除选中的记录？</div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="del_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="del_cancel" onclick="modalclose('#deletemodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--栏目所属-->
    <div class="modal fade" id="columnmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;width: 100%" align="center">
                        <div class="content_wrap">
                            <div class="left">
                                <ul id="selectTree" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="column_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="column_cancel" onclick="modalclose('#columnmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--选择icon-->
    <div class="modal fade" id="iconmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 400px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="width: 100%;" align="center" id="iconList">
                        <img src="images/9_02.png" style="background: #000" class="iconImg" style="border: none;" name="images/9_02.png">
                        <img src="images/9_03.png" style="background: #000" class="iconImg" style="border: none;" name="images/9_03.png">
                        <img src="images/9_04.png" style="background: #000" class="iconImg" style="border: none;" name="images/9_04.png">
                        <img src="images/9_05.png" style="background: #000" class="iconImg" style="border: none;" name="images/9_05.png">
                        <img src="images/9_06.png" style="background: #000" class="iconImg" style="border: none;" name="images/9_06.png">
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="icon_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="icon_cancel" onclick="modalclose('#iconmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. WRAPPER  -->


</body>
</html>
